<template>
  <div id="app">
    <div id="nav">
      <div>
        普通路由：
        <router-link to="/login">Login</router-link> |
        <router-link to="/register">Register</router-link>
      </div>
      <br />

      <div v-if="$store.state.isLogin">
        权限路由：
        <router-link to="/dashboard">dashboard</router-link> |
        <router-link to="/">Home</router-link>
      </div>
    </div>
    <hr />
    <router-view />
    <div class="footer">
      <div>1.vue指令</div>
      <div>2.动态路由</div>
    </div>
  </div>
</template>

<style scoped>
.footer {
  margin-top: 50px;
  font-size: 14px;
}
</style>
